@charset "utf-8";

*{
	padding: 0; 
	margin: 0;
}
html{overflow-x: hidden;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
* textarea{overflow:auto;}
img{border: none;}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	line-height: 1.5em;
	text-align: center;
}
body.home{
	background: #19ba2e url(images/main-bg.jpg) no-repeat 50% 0;
}
body.body{
	background: #19ba2e url(images/main-bg.jpg) no-repeat 50% -80px;
}
a{
	color: #365fb7;
	text-decoration: none;
}
a:hover{
	color: #CC0000;
	text-decoration: underline;
}
p{
	margin-bottom: 1.5em;
}
h2, h3, h4, h5, h6{
	color: #000000;
	margin-bottom: 1.5em;
}
h2{
	font-size: 18px;
	font-weight: normal;
	background: transparent url(images/rdot.gif) no-repeat 0 0;
	padding-left: 12px;
}
h2 img{vertical-align: middle;}
h3{
	font-size: 16px;
	font-weight: normal;
}
h4{
	font-size: 14px;
	border-bottom:1px dotted #CCC;
}
ul, ol{margin-left: 2.2em;}
* html ol, *:first-child+html ol { margin-left: 2.5em;}

/*@Layout*/
#wrapper{
	width: 900px;
	text-align: left;
	margin: 0 auto;
}
#homeHeader{
	height: 235px;
	overflow: hidden;
}
#header{
	height: 150px;
	overflow: hidden;
}
.bodyLeft{
	width: 600px;
	padding: 30px;
	float: left;
}
.bodyRight{
	width: 200px;
	padding: 30px 20px;
	float: right;
}
#footer{
	padding-bottom: 20px;
	color: #FFFFFF;
	line-height: 1.2em;
}
/*@Design*/
h1#logo{
	margin-top: 25px;
	margin-left: 25px;
}
h1#logo a, h1#logo a:hover{
	display: block;
	width: 94px;
	height: 82px;
	background: transparent url(images/hongwei-logo.png) no-repeat;
	font-size: 1px;
	text-indent: -999em;
	text-decoration: none;
}
* html h1#logo a, * html h1#logo a:hover{
	background: transparent url(images/hongwei-logo.gif) no-repeat;
}
#homeBody{
	background: transparent url(images/index-bottom.gif) no-repeat 0 100%;
	padding-bottom: 18px;
}
.homeBodyInner{
	background: #ffffff url(images/main-body.gif) repeat-y;
}
#footer p{
	margin: 0;
}
#footer .copyright{
	font-size: 9px;
	text-transform: uppercase;
}
#footer a{
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: none;
	color: #FFFFEE;
}
#homeMenu{
	height: 50px;
	overflow: hidden;
}
.sidebox{
	margin-bottom: 2em;
}
.sMenu{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #999;
	border-bottom:1px solid #FFFFFF;
}
.sMenu li{
	border-bottom: 1px solid #999;
	border-top:1px solid #FFFFFF;
	font-weight: bold;
}
.sMenu li a{
	display: block;
	padding: 5px;
	color: #365fb7;
	background: transparent url(images/iconset.gif) no-repeat 0 50%;
	padding-left: 20px;
}
.sMenu li a:hover{
	text-decoration: none;
	color: #CC0000;
	background: #f5f5f5 url(images/iconset2.gif) no-repeat 0 50%;
}
.productsTable td{
	padding: 2px 5px 10px 5px;
	text-align: center;
}
.hr{
	background: transparent url(images/hr.gif) no-repeat 50% 0;
	height: 25px;
	clear: both;
	overflow: hidden;
	margin-bottom: 1em;
}
.hr hr{
	display: none;
}
a.moreButton{
	display: block;
	width: 120px;
	height: 25px;
	background: transparent url(images/more-button.gif) no-repeat 0 0;
	text-indent: -9999em;
	overflow: hidden;
	text-decoration: none;
}
a.moreButton:hover{
	background-position: 0 -50px;
	text-decoration: none;
}
.dataTable{
	border: 1px solid #CCCCCC;;
}
.dataTable td, .dataTable th{
	padding: 5px;
}
.dataTable thead th{
	background: #E5E5E5 url(images/thead-bg.gif) repeat-x 0 0;
	font-weight: bold;
	color: #222;
	border-right: 1px solid #CCCCCC;
}
.dataTable tbody th, .dataTable tbody td{
	background: #FFFFFF;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
.odd td, .odd th{
	background: #faf9ea url(images/odd.gif) repeat-x 0 100% !important;
}
.nbg{
	background-color: #FFF !important;
	background-image: none !important;
}
#productsList td img{
	display: block;
	margin-bottom: 5px;
}
/*@Miscellaneous*/
.clearfix:after {content: ".";display:block;height: 0;clear: both;visibility:hidden;}
.clearfix{display: inline-block;overflow: hidden; height: 0;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.zh{text-indent: 2em;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.floatLeft{float: left;}
.floatRight{float: right;}
.clear{clear: both;}
.floatLeftImg{
	float: left;
	margin: 0 10px 5px 0;
}
.floatRightImg{
	float: right;
	margin: 0 0 5px 10px;
}
.chr{
	width: 100%;
	height: 0;
	overflow: hidden;
}
.chr hr{display: none;}
.boxImg {
	padding: 5px;
	border: 1px solid #BDBDBD;
}

